<!DOCTYPE html>
<html lang="en"
    	xmlns="http://www.w3.org/1999/xhtml"
    	xmlns:tal="http://xml.zope.org/namespaces/tal"
		xmlns:metal="http://xml.zope.org/namespaces/metal">

<head>
	    <meta charset="utf-8"/>
		<meta name = "viewport" content = "width = device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
	    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
		
	    	<title>Hack Weekend :: Carers</title>
		
	    <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
		
		<metal:block define-slot="head-js">
			<!-- Put scripts in here -->
		</metal:block>
	</head>

<body>

<section class="comments">
    <div id="ratings">
        <img src="images/ratings.png" alt="ratings" width="150" height="22" />
    </div>
    <div id="new-post">
        <h3>Add New Comment</h3>

		<textarea placeholder="Please add a comment"></textarea>

    </div>

    <div id="comments-title">
        <h3>Showing <span id="num-posts">1</span> comments</h3>
    </div>

    <div class="options">
        Sort by <select id="sort-select">
            <option value="hot">
                Popular now
            </option>

            <option value="best">
                Best rating
            </option>

            <option value="newest">
                Newest first
            </option>

            <option selected="selected" value="oldest">
                Oldest first
            </option>
        </select>     
    </div>

    <ul class="box" id="comments">

        <li class="comment" id="comment-110376934">
			<h2 class="header-avatar" id="header-avatar-110376934">
				<a href="#" title="Expand Great Vacation Spots's profile" class="avatar tt" id="avatar-110376934">
					<img width="24" height="24" alt="" class="" src="../static/images/noavatar.png" original="static/images/noavatar32.png" style="display: inlineblock;"> Joe Blogs
				</a>
			</h2>
			<div class="comment-header">
            <cite class="comment-cite" id="cite-110376934">
            	<a rel="nofollow" target="_blank" href="http://twitter.com/greatvacaspots" id="author-user-110376934">The Squeeky Orange</a>
            </cite> 
            <img width="15" height="14" title="Moderator" class="moderator-star" src="../static/images/star.png">
            <span class="comment-header-time">
            	<a title="Permalink" href="#comment-110376934">13 hours ago</a>
            </span>
            </div>
            <div id="comment-message-110376934" class="comment-message">
                        There is an alternative entrance into the restaurant, close to its junction with Church Street, which provides level access into the building via the Pub Bar. A passenger lift to the rear of the Bar area connects with all floors of the main building.

The accessible entrance is well signposted from both entry points.            </div>
            <div class="comment-footer">
                        <a class="post-report" id="post-report-110376934" href="#">Flag this comment</a>
            </div>
        </li>

     </ul>

</section>
</body>
</html>